CSS/HTML

推荐列表 站点导航

当前位置:首页 > 脚本编程 > CSS/HTML >

具体代码如下所示: (学习视频分享: html视频教程 ) CSS样式代码: .back-to {bottom: 55

来源:网络  作者:网友投稿  发布时间:2021-01-14 11:12
本文为各人分享了建造html页面中返回顶部悬浮按钮的代码,具有必然的参考代价,但愿可以或许辅佐到各人。...

limitsw/8);}$(window).scroll(function() {var st = $(window).scrollTop();if(st 30){bt.show();}else{bt.hide();}});}); 前提:首先引入jQuery script type=text/javascript src=https://www.adminbuy.cn//static/js/jquery.min.js/script 结果展示: 按钮图片: ,0);return false; href=#top class=back-top/a/div Javascript代码: $(function () {var bt = $(#toolBackTop);var sw = $(document.body)[0].clientWidth;var limitsw = (sw - 840) / 2 - 80; //间隔右侧间隔if (limitsw 0){limitsw = parseInt(limitsw);bt.css(right, 详细代码如下所示: (进修视频分享: html视频教程 ) CSS样式代码: .back-to {bottom: 55px;overflow: hidden;position: fixed;right: 10px;width: 110px;z-index: 999;}.back-to .back-top {background: url(./images/top.png) no-repeat scroll 0 0 transparent;display: block;float: right;height: 50px;margin-left: 10px;outline: 0 none;text-indent: -9999em;width: 50px;}.back-to .back-top:hover {background-position: -50px 0} DIV: div style=display:none; class=back-to id=toolBackTopa title=返回顶部 onclick=window.scrollTo(0,。

相关热词:

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规!

本文地址: https://v30.fanwenzhu.com/jiaob/cssm/12583.shtml

Copyright © www.juheyunku.com      关于 | 合作 | 声明 | 联系 | 更新 | 地图 | Tags

具体代码如下所示: (学习视频分享: html视频教程 ) CSS样式代码: .back-to {bottom: 55

2021-01-14 编辑:网友投稿

limitsw/8);}$(window).scroll(function() {var st = $(window).scrollTop();if(st 30){bt.show();}else{bt.hide();}});}); 前提:首先引入jQuery script type=text/javascript src=https://www.adminbuy.cn//static/js/jquery.min.js/script 结果展示: 按钮图片: ,0);return false; href=#top class=back-top/a/div Javascript代码: $(function () {var bt = $(#toolBackTop);var sw = $(document.body)[0].clientWidth;var limitsw = (sw - 840) / 2 - 80; //间隔右侧间隔if (limitsw 0){limitsw = parseInt(limitsw);bt.css(right, 详细代码如下所示: (进修视频分享: html视频教程 ) CSS样式代码: .back-to {bottom: 55px;overflow: hidden;position: fixed;right: 10px;width: 110px;z-index: 999;}.back-to .back-top {background: url(./images/top.png) no-repeat scroll 0 0 transparent;display: block;float: right;height: 50px;margin-left: 10px;outline: 0 none;text-indent: -9999em;width: 50px;}.back-to .back-top:hover {background-position: -50px 0} DIV: div style=display:none; class=back-to id=toolBackTopa title=返回顶部 onclick=window.scrollTo(0,。

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供学习参考!
本文地址为 https://v30.fanwenzhu.com/jiaob/cssm/12583.shtml

相关文章

风云图片

推荐阅读

返回CSS/HTML频道首页